<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>PetStore Management</title>
<!--    <link rel="Stylesheet" href="../css/backjpetstore.css" type="text/css" media="screen"/>-->
</head>
<style>
    *{
        padding: 0px;
        margin: 0px;
    }
    body {
        margin: 0ex 10ex 0ex 10ex;
        padding: 0ex;
        font-family: helvetica, tahoma, arial, verdana, sans-serif;
        font-size: 2ex;
        color: #333;
        background-color: #444;
        background-image: url("../image/bgc.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #Content {
        width: 100%;
        height: 50ex;
        color: #333;
        background-color: rgba(256,256,256,0.5);
        border-width: 0;
        float: left;
    }
    #QuickLinks{
        width: 100%;
        height: 50ex;
        position: relative;

    }
    .a-managemain, .a:link, .a:visited {
        background-color: #005e21;
        text-decoration: none;
        font-family: helvetica, tahoma, arial, verdana, sans-serif;
        font-size: 1.5ex;

    }
    .a-managemain{
        display: inline-block;
        float: left;
        height: 40ex;
        width: 40ex;
        border-color: #56832c;
        border-width: 1ex;
        border-style: solid;
        position: absolute;

    }
    .a-managemain:hover{
        background-size: 30%;
        background-image: url("../image/09-Hornbill.png");
        background-repeat: no-repeat;
        background-position-x: right;
        background-position-y: bottom;

    }

</style>
<body>
<div th:replace="manageCommon/managetop"></div>
<div id="Content">
    <div id="Catalog">
        <!--        四大模块-->
        <div id="QuickLinks">
            <a class="a-managemain" th:href="@{'/manage/usermanagement'}" style="background-color:#fff;top: 7ex;left: 50ex"><img style="width:50%;margin-left: 8.5ex;margin-top: 4ex" src="../image/a-user.png"/>
            <img style="width: 60%;margin-left: 7ex;margin-top: 2ex" src="../image/auser.png">
            </a><br />
            <a class="a-managemain" th:href="@{'/manage/ordermanagement'}" href="" style="background-color:#fff;top: 7ex;left: 100ex"><img style="width:50%;margin-left: 9ex;margin-top: 4ex" src="../image/a-account.png"/>
                <img style="width: 60%;margin-left: 7ex;margin-top: 2ex" src="../image/aaccount.png"></a><br />
            <a class="a-managemain" th:href="@{'/manage/intoPetManage'}" style="background-color:#fff;top: 7ex;left: 150ex"><img style="width:55%;margin-left: 8.5ex;margin-top: 3.5ex" src="../image/a-pet.png"/>
                <img style="width: 60%;margin-left: 7ex;margin-top: 0ex" src="../image/apet.png"></a>
        </div>
    </div>
</div>
<div th:replace="manageCommon/managebottom"></div>
</body>
</html>